﻿* {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: normal;
list-style: none;
}
body {
height: 100%;
background: #fff url(../images/ecpbackground.png) repeat-y;
color: #2a3b4f;
font: .7em/1.5em Tahoma, Verdana, sans-serif;
}
.apm {
background-image: url(../images/apmbackground.png);
}
.example{
vertical-align:middle;
height:26;
}
.iframe {
padding: 0 20px;
background-image: none;
}
#everything {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
*>#everything {
height: auto;
min-height: 100%;
}
#top {
padding-bottom: 1px;
border-bottom: 1px solid #88d3fd;
background: #031630 url(../images/topgradient.png) repeat-y;
color: #b2cde3;
text-align: right;
}
#top div {
padding: 3px 8px;
background: #2b5879 url(../images/top.png) repeat-x;
}
#top h5 {
display: inline;
}
#top span {
color: #fff;
}
#top a {
margin-left: .4em;
padding-left: .4em;
border-left: 1px solid #b2cde3;
color: #b2cde3;
}
*>#top a {
margin-left: 0;
}
h1 {
position: relative;
z-index: 2;
background: #011029 url(../images/ecpwave.png) 100% 0 no-repeat;
}
.apm h1 {
background-color: #fff;
background-image: url(../images/apmwave.png);
}
h1 span {
display: block;
height: 96px;
width: 990px;
background: url(../images/ecptitle.png) 25px 65% no-repeat;
text-indent: -999em;
}
.apm h1 span {
height: 94px;
background-image: url(../images/apmtitle.png);
}
h1 br {
display: none;
}
#side {
float: left;
position: absolute;
left: 0;
padding-bottom: 230px;
border-top: 1.75em solid #011029;
width: 235px;
background: url(../images/ecpside.png) 223px 396px no-repeat;
}
.apm #side {
margin-top: -10px;
padding: 11px 0 0;
border-top: 1.75em solid #fff;
background: url(../images/apmside.png) repeat-x;
}
h2 {
height: 96px;
background: #2c587b url(../images/controlpanel.png);
text-indent: -999em;
}
.apm h2 {
height: 95px;
border-top: 1px solid #2a4256;
background-image: url(../images/portfoliomanagement.png);
}
#menu, #menu_admin {
float: left;
background: url(../images/ecpmenu.png) no-repeat;
color: #fff;
line-height: 0;
}
.apm #menu 
{
z-index:1;
padding: 0 0 0 20px;
background-image: url(../images/menu_top.png);
color: #2a4256;
}
.apm #menu_admin 
{
padding: 0 0 0 20px;
z-index:2;
background-position:0 0px;
background-image: url(../images/menu_bottom.png);
color: #2a4256;
}
#menu li, #menu_admin li {
display: inline;
}
.apm #menu li, .apm #menu_admin li {
font-weight: bold;
}
#menu a, #menu span, #menu_admin a, #menu_admin span {
display: block;
float: left;
padding: 15px 0 15px 30px;
width: 235px;
width: 205px;
overflow: hidden;
color: #fff;
white-space: nowrap;
}
#menu a, #menu_admin a {
background: url(../images/ecpbullet.png) 20px 52% no-repeat;
text-decoration: none;
}
.apm #menu a, .apm #menu span, .apm #menu_admin a, .apm #menu_admin span {
padding-left: 0;
background-image: none;
color: #2a4256;
font-weight: bold;
}
.apm #menu ul a, .apm #menu_admin ul a  {
background-image: url(../images/apmbullet.png);
background-position: 0 52%;
padding-left: 10px;
font-weight: normal;
}
#menu a:hover, #menu_admin a:hover{
text-decoration: underline;
}
.help #help a {
font-weight: bold;
}
.reports #reports a {
font-weight: bold;
}
.ctl #ctl a, .rules #rules a, .query #query a, .template #template a, .group #group a, .attribute #attribute a, .user #user a, .dashboard #dashboard a, .home #home a {
font-weight: bold;
}
#path {
margin: -1px 0 0 235px;
padding-left: 20px;
border-top: 1px solid #e4e9f0;
color: #3773a1;
line-height: 1.75em;
}
.apm #path {
margin: 0 0 0 236px;
border-color: #467091;
background-color: #f8fbfd;
}
#path li {
display: inline;
}
#path a {
color: #3773a1;
}
h3 {
margin-left: 235px;
border-top: 1px solid #aeb4bc;
border-bottom: 1px solid #011029;
background: #ebf1f5 url(../images/ecptitlebackground.png);
text-indent: -999em;
}
.apm h3 {
margin-left: 236px;
background: #e6f0f8 url(../images/apmtitlebackground.png);
}
h3 span {
display: block;
height: 93px;
background-repeat: no-repeat;
}
.apm h3 span {
height: 94px;
}
h3.dashboard span {
background-image: url(../images/quick_dashboard.gif);
}
h3.user span {
background-image: url(../images/user_management.gif);
}
h3.attribute span {
background-image: url(../images/attribute_management.gif);
}
h3.group span {
background-image: url(../images/group_management.gif);
}
h3.template span {
background-image: url(../images/template_management.gif);
}
h3.query span {
background-image: url(../images/query_builder.gif);
}
h3.rules span {
background-image: url(../images/custom_rules.gif);
}
h3.ctl span {
background-image: url(../images/ctl_management.gif);
}
h3.reports span {
background-image: url(../images/reports.gif);
}
h3.help span {
background-image: url(../images/help.gif);
}
h3.entry span {
background-image: url(../images/application_entry.png);
}
h3.search span {
background-image: url(../images/advanced_search.png);
}
h3.risk span {
background-image: url(../images/task_risk_impact_assessment.png);
}
h3.status span {
background-image: url(../images/update_task_status.png);
}
h3.users span {
background-image: url(../images/users.png);
}
h3.types span {
background-image: url(../images/contact_types.png);
}
h3.organization span {
background-image: url(../images/organization.png);
}
h3.assessment span {
background-image: url(../images/risk_impact_assessment.png);
}
h3.questions span {
background-image: url(../images/questions.png);
}

h3.attributes span {
background-image: url(../images/properties.png);
}
h3.ranges span {
background-image: url(../images/score_ranges.png);
}
h3.workflow span {
background-image: url(../images/workflow.png);
}
h3.mapping span {
background-image: url(../images/score_range_task_map.png);
}
#desc {
position: relative;
margin-left: 235px;
border-top: 1px solid #e4e9f0;
border-bottom: 1px solid #011029;
min-height:412px;
background: #e8f2f9 url(../images/ecpdescbackground.png);
}
.apm #desc {
margin: 0 0 276px 236px;
border-top: 1px solid #467091;
border-bottom: none;
background: #fff url(../images/apmdescbackground.png) 0 1px repeat-x;
}
*>.apm #desc {
background-position: 0 0;
}
#desc * {
height: 0;
overflow:hidden;
text-indent: -999em;
}
#desc p {
margin: 0;
height: 244px;
width: 754px;
background-image: url(../images/ecpdesc.jpg);
}
.apm #desc p {
height: 351px;
background-image: url(../images/apmdesc.jpg);
}
#desc br {
display: none;
}
#content {
display: inline;
float: left;
margin-left: 235px;
padding: 0 25px 6em;
width: 755px;
width: 705px;
min-height: 493px;
}
.apm #content {
min-height: 505px;
}
.column {
display: inline;
float: left;
margin: -11px 6px 0;
width: 340px;
overflow: hidden;
}
.column h3 {
margin: 10px 0 0;
padding: 11px 0 2px;
border: none;
background: url(../images/divider.png) 50% 0 no-repeat;
font-size: 1.3em;
line-height: 0;
text-indent: 0;
}
.column h3 a {
display: block;
padding: 17px 0 17px 38px;
background: 0 50% no-repeat;
color: #2a3b4f;
text-decoration: none;
}
.column h3 a:hover {
text-decoration: underline;
}
h3.search a {
background-image: url(../images/iconsearch.png);
}
h3.user a {
padding-left: 28px;
background-image: url(../images/iconuser.png);
}
h3.group a {
padding-left: 35px;
background-image: url(../images/icongroup.png);
}
h3.attribute a {
padding-left: 27px;
background-image: url(../images/iconattribute.png);
}
h3.reports a {
padding-left: 33px;
background-image: url(../images/iconreports.png);
}
h3.template a {
padding-left: 27px;
background-image: url(../images/icontemplate.png);
}
h3.query a {
padding-left: 37px;
background-image: url(../images/iconquery.png);
}
h3.rules a {
padding-left: 36px;
background-image: url(../images/iconrules.png);
}
h3.ctl a {
padding-left: 28px;
background-image: url(../images/iconctl.png);
}
h3.help a {
padding-left: 30px;
background-image: url(../images/iconhelp.png);
}
.column p {
margin: 0;
}
#steps {
margin: 0 -18px;
}
h4 {
margin: .50em 0;
color: #35827c;
font-weight: bold;
font-size:12px;
}
.tabs {
display: inline;
float: left;
margin-top: 1.5em;
padding-left: 2px;
}
*>.tabs {
padding-left: 1px;
}
.tabs li {
float: left;
margin: 2px 0 -1px -1px;
padding: 5px 10px;
border: 1px solid #c0c0c0;
background: #e8e8e8 url(../images/tab.png) repeat-x;
}
.tabs .active {
position: relative;
margin-top: 0;
padding-bottom: 8px;
border-bottom: none;
background: #fff;
}
.tabs a {
display: block;
margin: -5px -10px;
padding: 5px 10px;
color: #3b4a5c;
text-decoration: none;
}
.tabs a:hover {
text-decoration: underline;
}
.tabs .active a:hover {
color: #3b4a5c;
text-decoration: none;
cursor: default;
}
.frame {
float: left;
clear: left;
padding: .25em 10px;
border: 1px solid #c0c0c0;
width: 705px;
width: 683px;
}
*>.frame {
margin-bottom: 10.5em;
}
.hidden {
visibility: hidden;
}
/*.frame p {
float: left;
clear: left;
margin: .5em 0;
}
label {
float: left;
margin-right: 10px;
width: 120px;
white-space: nowrap;
}
*>label {
width: auto;
min-width: 120px;
}*/
.required {
color: #35827c;
}
input {
font: 1em Tahoma, Verdana, sans-serif;
}
.inactive {
color: #7f9db9;
}
#appname, #orgname {
width: 185px;
}
#version, #start, #completion {
width: 100px;
}
textarea 
{
font: 1em Tahoma, Verdana, sans-serif;
width: 500px;
}
.frame a {
color: #3b4a5c;
}
.frame table a {
color: #35827c;
}
a img {
border: none;
vertical-align: bottom;
}
.table {
border: 1px solid #838383;
border-collapse: collapse;
width: 100%;
color: #2a2a2a;
}
.table th, .table td {
padding: .05em .5em;
vertical-align: top;
}
.table th {
border: 1px solid #838383;
background: #dcdcdc url(../images/tableheader.png) repeat-x;
text-align: left;
}
.table th a {
display: block;
padding-right: 10px;
height: 100%;
background: url(../images/tablearrow.png) 100% .6em no-repeat;
color: #2a2a2a;
text-decoration: none;
}
.table th a:hover {
text-decoration: underline;
}
.th, .td {
padding: .05em .5em;
vertical-align: top;
}
.th {
border: 1px solid #838383;
background: #dcdcdc url(../images/tableheader.png) repeat-x;
text-align: left;
}
.th .a {
display: block;
padding-right: 10px;
height: 100%;
background: url(../images/tablearrow.png) 100% .6em no-repeat;
color: #2a2a2a;
text-decoration: none;
}
.th .a:hover {
text-decoration: underline;
}
.alternate {
background-color: #f4f4f4;
}
.alternate td {
border-bottom: 1px solid #c4d7d6;
}
/*.table td a {
display: block;
height: 100%;
}*/
a {
color: #35827c;
outline: none;
}
a:hover {
color: #000;
}
p {
margin: 1.5em 0;
}
.pages {
margin-top: 0;
text-align: right;
}
.pages a {
text-decoration: none;
}
.pages a:hover {
text-decoration: underline;
}
.current {
font-weight: bold;
}
.pages .next {
text-decoration: underline;
}
#bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
#bottom div {
margin-left: 235px;
padding: 6px 20px;
border-top: 1px solid #3773a1;
background: #cddfec url(../images/bottom.png) repeat-x;
color: #3773a1;
}
.apm #bottom div {
margin-left: 236px;
}
#bottom br {
display: none;
}
#bottom a {
margin-left: .6em;
padding-left: 1em;
border-left: 1px solid #3773a1;
color: #3773a1;
}
.input {
    height:16px;
}

.forerrors {
padding-top: 135px;
padding-left: 100px;
text-align: left;
height: 260px;
width: 400px;
display: block;

background-repeat: no-repeat;
background-image: url(../Images/error_blank.png);

}
